@use 'sass:map';

@use '@/assets/styles/common/var.scss' as *;
@use '@/assets/styles/mixins/_button.scss' as *;
@use '@/assets/styles/mixins/mixins.scss' as *;
@use '@/assets/styles/mixins/utils.scss' as *;
@use '@/assets/styles/mixins/_var.scss' as *;

@include b(header) {
    z-index: $tts-header-z-index;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    .wrapper {
        z-index: $tts-header-z-index + 1;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .lf {
        position: absolute;
        left: 0;
        display: flex;
        align-items: center;
    }
    .back {
        width: 80px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .content {
        position: absolute;
        top: 0;
        left: 50%;
        width: 400px;
        height: 100%;
        font-size: 26px;
        font-weight: 600;
        color: #444;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateX(-50%);
    }
}
